<template>
  <VScaleScreen width="1920" height="1080">
    <div id="index">
      <Head id="head-wrap"></Head>
      <div class="sides">
        <!-- 基础平台 -->
        <BasePlatform></BasePlatform>
        <!-- 劳务撮合 -->
        <LaborBrokerage></LaborBrokerage>
      </div>
      <div class="mid">
        <!-- 商城版块 -->
        <Mall></Mall>
        <!-- 直采商城 -->
        <Zhicai></Zhicai>
        <!-- 大宗贸易商城 -->
        <Trade></Trade>
      </div>
      <div class="sides">
        <!-- 找资金 -->
        <Fund></Fund>
        <!-- 工人培训板块 -->
        <Training></Training>
        <!-- 电子招标板块 -->
        <Tender></Tender>
      </div>
    </div>
  </VScaleScreen>
</template>

<script setup>
import VScaleScreen from "v-scale-screen";
import Head from "./components/head.vue";
import BasePlatform from "./components/basePlatform";
import LaborBrokerage from "./components/laborBrokerage";
import Mall from "./components/mall.vue";
import Zhicai from "./components/zhicai";
import Trade from "./components/trade.vue";
import Fund from "./components/fund.vue";
import Training from "./components/training";
import Tender from "./components/tender";
</script>
<style scoped lang="scss">
#index {
  width: 1920px;
  height: 1080px;
  background: url("@/assets/bigscreen2/pageBg.png");
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  .sides {
    width: 483px;
  }
  .mid {
    width: 842px;
    margin-top: 91px;
  }
}
</style>